/*
  请求地址:http://wthrcdn.etouch.cn/weather_mini
  请求方法:get
  请求参数:city(城市名)
  响应内容:天气信息

  1. 点击回车
  2. 查询数据
  3. 渲染数据
  */
 var app = new Vue({
     el:"#app",
     data:{
        city:'',  //请求参数
        weatherList:[],
     },
     
    
     methods:{
        searchWeather(){
           // console.log("天气查询");
            //console.log(this.city);
            //调用接口
            var that=this;  //保存this
            axios.get("http://wthrcdn.etouch.cn/weather_mini?city="+this.city)
            .then(function(response){
                //console.log(response.data.data.forecast);  //拿取数据
                that.weatherList=response.data.data.forecast;  //渲染数据
            })
            .post(function(err){
                console.log(err);
                
            })

        },
        changCity(city){
            this.city=city;
            this.searchWeather();  //调用函数

        }
     }
    
 })